<style>
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}
#showlistbankdeletedlightbox {
	display: none;
	top: 0px; 
	left: 50%;
	margin-left: -200px;
	width: 400px;
	background: #eee url(modal-gloss.png) no-repeat -200px -80px;
	position: absolute;
	z-index: 101;
	padding: 0px 0px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

#showlistbankdeletedlightbox .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
} 
.reveal-modal-title {
    background: url('../images/box-title-blue.jpg') repeat-x;
    height: 50px;
    text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.reveal-modal-title h1 {
    color: white;
}

.reveal-modal-main {
    padding: 20px;
	margin-top:-10px;
	min-height: 50px;
	max-height: 50px;
}


/* box style chon nhieu */
.box-choose-more {
	border: 1px solid #999; 
	border-radius: 5px; 
	width: 150px; 
	min-height: 20px; 
	text-align: center;
}

.close-choose-more-class {
	font-size: 10px;
	line-height: .5;
	position: absolute;
	top: 1px;
	right: 1px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
}

.box-choose-more span {
	 padding: 5px;
}

.close-choose-more-class img {
	opacity: 0.7;
}

.close-choose-more-class img:hover {
	opacity: 1;
	cursor: pointer;
}

/*---------------------*/
</style>
<h3>Thêm So Sánh Cho Vay Tín Chấp</h3>
<div style="color: red;">
<?php
	if(isset($_GET['mess'])) {
		echo($_GET['mess']);
	}
?>
</div>
<div style="width: 900px;">
<form method="post" action="../src/control/admincomparerate.php" onsubmit="return checkinfocompare();">
	<table width="900px">
    	<tr>
        	<th align="left" valign="top" width="200px">Ngân Hàng</th>
            <td><select name="bank" class="bankloadselect" id="bankloadselect" style="width: 312px; height: 30px; padding:5px;"><option value="">----Chọn Ngân Hàng----</option></select>  <a href="admin.php?content=quanlinganhang&&adrt=addbank" title="Thêm Ngân Hàng"><img title="Thêm Ngân Hàng" src="../images/icon-add.jpg"></img></a><br>
			<font color="red"><span id="err_manganhang"></span></font></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Khoản vay tối đa</th>
            <td><div class="box-add-khoanvaytoida" style="width:700px;"></div></td>
        </tr>
        <tr>
        	<td></td>
            <td><select class="class-inputselect-search-left class-khoanvaytoida-search" name="form_khoanvaytoida" id="form_khoanvaytoida" style="width: 312px; height: 30px; padding:5px;" onchange="khoanvaytoidaaddlist()"><option value="">-- Chọn --</option><option value="1">Dưới 6 lần thu nhập</option><option value="2">Trên 6 lần thu nhập</option></select><br>
			<font color="red"><span id="err_khoanvaytoida"></span></font></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Số Tiền Vay</th>
            <td><input id="form_amount" name="form_amount" style="width: 135px; height:30px; padding-left:5px; padding-right:5px;" /> - <input id="form_amountmax" name="form_amountmax" style="width: 135px; height:30px; padding-left:5px; padding-right:5px;" /><br>
			<font color="red"><span id="err_amount"></span></font></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Thu nhập hàng tháng</th>
            <td><input id="form_salarypermonth" name="form_salarypermonth" style="width: 200px; height:30px; padding-left:5px; padding-right:5px;" maxlength="5" /> Triệu đồng<br>
			<font color="red"><span id="err_salarypermonth"></span></font></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Hình thức trả lương</th>
            <td>
            	<div class="box-add-hinhthuctraluong" style="min-width:700px;"></div></td>
        </tr>
        <tr>
        	<td></td>
            <td><select class="class-inputselect-search-left class-hinhthuctraluong-search" name="form_hinhthuctraluong" id="form_hinhthuctraluong" style="width: 312px; height: 30px; padding:5px;" onchange="hinhthuctraluongaddlist()"><option value="">-- Chọn --</option><option value="1">Tiền mặt</option><option value="2">Chuyển khoản</option></select><br>
			<font color="red"><span id="err_hinhthuctraluong"></span></font></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Lãi Suất</th>
            <td><input id="form_rate" name="form_rate" style="width: 30px; height:30px; padding-left:5px; padding-right:5px;" maxlength="10" />(%) - <input id="form_rate2" name="form_rate2" style="width: 30px; height:30px; padding-left:5px; padding-right:5px;" maxlength="10" />(%)<br>
			<font color="red"><span id="err_laisuat"></span></font></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Loại Lãi Suất</th>
            <td>
            	<div class="box-add-typerate" style="min-width:700px;"></div></td>
        </tr>
        <tr>
        	<td></td>
            <td><select style="width: 312px; height: 30px; padding:5px;" id="form_search_rate" name="form_type_rate" class="form_search_rate" onchange="typerateaddlist()"><option value="">-- Chọn --</option><option value="1">Lãi suất dư nợ giảm dần</option><option value="2">Lãi suất dư nợ ban đầu</option></select><br>
			<font color="red"><span id="err_typerate"></span></font></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Thông tin khoản vay tối đa</th>
            <td><textarea id="form_infokhoanvaytoida" name="form_infokhoanvaytoida" rows="10" style="width: 550px; max-width:550px; min-width:550px;" class="tinymce"></textarea></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Thời Gian</th>
            <td><select id="form_time" name="form_time" style="width: 300px; height:30px; padding:5px;"><option value="">Chọn</option><?php for($i = 0.5; $i <= 10; ) { echo('<option value="'.$i.'">'.$i.' Năm</option>'); $i += 0.5; }?></select>(Năm)<br>
			<font color="red"><span id="err_time"></span></font></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Phí tất toán</th>
            <td><input id="form_tattoan" name="form_tattoan" style="width: 300px; height:30px; padding-left:5px; padding-right:5px;" maxlength="200" /><br>
			<font color="red"><span id="err_tattoan"></span></font></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Điều kiện căn bản</th>
            <td><textarea id="form_conditionbasic" name="form_conditionbasic" rows="10" style="width: 550px; max-width:550px; min-width:550px;" class="tinymce"></textarea><br>
			<font color="red"><span id="err_conditionbasic"></span></font></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Khu Vực Cho Vay</th>
            <td>
            <div class="box-add-contry" style="min-width:700px;"></div></td>
        </tr>
        <tr>
        	<td></td>
            <td><select id="ProvinceID" class="ProvinceID" name="From_Province"  style="width: 312px; height: 30px; padding:5px;" onchange="countryaddlist()">
                            <option selected="selected" value="">-- Chọn --</option>
                            <option value="Hà Nội">Hà Nội</option><option value="Hồ Chí Minh">TP HCM</option><option value="Cần Thơ">TP Cần Thơ</option><option value="Đà Nẵng">TP Đà Nẵng</option><option value="Hải Phòng">TP Hải Phòng</option><option value="An Giang">An Giang</option><option value="Vũng Tàu">Bà Rịa - Vũng Tàu</option><option value="Bắc Giang">Bắc Giang</option><option value="Bắc Kạn">Bắc Kạn</option><option value="Bạc Liêu">Bạc Liêu</option><option value="Bắc Ninh">Bắc Ninh</option><option value="Bến Tre">Bến Tre</option><option value="Bình Định">Bình Định</option><option value="Bình Dương">Bình Dương</option><option value="Bình Phước">Bình Phước</option><option value="Bình Thuận">Bình Thuận</option><option value="Cà Mau">Cà Mau</option><option value="Cao Bằng">Cao Bằng</option><option value="Đăk Lăk">Đăk Lăk</option><option value="Đak Nông">Đak Nông</option><option value="Điện Biên">Điện Biên</option><option value="Đồng Nai">Đồng Nai</option><option value="Đồng Tháp">Đồng Tháp</option><option value="Gia Lai">Gia Lai</option><option value="Hà Giang">Hà Giang</option><option value="Hà Nam">Hà Nam</option><option value="Hà Tĩnh">Hà Tĩnh</option><option value="Hải Dương">Hải Dương</option><option value="Hậu Giang">Hậu Giang</option><option value="Hòa Bình">Hòa Bình</option><option value="Hưng Yên">Hưng Yên</option><option value="Khánh Hòa">Khánh Hòa</option><option value="Kiên Giang">Kiên Giang</option><option value="Kon Tum">Kon Tum</option><option value="Lai Châu">Lai Châu</option><option value="Lâm Đồng">Lâm Đồng</option><option value="Lạng Sơn">Lạng Sơn</option><option value="Lào Cai">Lào Cai</option><option value="Long An">Long An</option><option value="Nam Định">Nam Định</option><option value="Nghệ An">Nghệ An</option><option value="Ninh Bình">Ninh Bình</option><option value="Ninh Thuận">Ninh Thuận</option><option value="Phú Thọ">Phú Thọ</option><option value="Phú Yên">Phú Yên</option><option value="Quảng Bình">Quảng Bình</option><option value="Quảng Nam">Quảng Nam</option><option value="Quảng Ngãi">Quảng Ngãi</option><option value="Quảng Ninh">Quảng Ninh</option><option value="Quảng Trị">Quảng Trị</option><option value="Sóc Trăng">Sóc Trăng</option><option value="Sơn La">Sơn La</option><option value="Tây Ninh">Tây Ninh</option><option value="Thái Bình">Thái Bình</option><option value="Thái Nguyên">Thái Nguyên</option><option value="Thanh Hóa">Thanh Hóa</option><option value="Thừa Thiên Huế">Thừa Thiên Huế</option><option value="Tiền Giang">Tiền Giang</option><option value="Trà Vinh">Trà Vinh</option><option value="Tuyên Quang">Tuyên Quang</option><option value="Vĩnh Long">Vĩnh Long</option><option value="Vĩnh Phúc">Vĩnh Phúc</option><option value="Yên Bái">Yên Bái</option></select><br />
			<font color="red"><span id="err_country"></span></font></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Tất Toán Trước Hạn</th>
            <td><select style="width: 312px; height: 30px; padding:5px;" id="form_search_tattoantrchan" name="form_tattoantrchan" class="form_search_tattoantrchan"><option value="">-- Chọn --</option><option value="cophi">Có Phí</option><option value="khongphi">Không Phí</option></select><br>
			<font color="red"><span id="err_trchan"></span></font></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Nhà cung cấp</th>
            <td><select class="class-inputselect-search-left class-mucdichvay-search" id="form_nhacungcap" name="form_nhacungcap" style="width: 312px; height: 30px; padding:5px;"><option value="">-- Chọn --</option><option value="bank">Ngân Hàng</option><option value="phibank">Công Ty Tài Chính</option></select><br>
			<font color="red"><span id="err_nhacungcap"></span></font></td>
        </tr>
        <tr>
        	<th colspan="2"><input type="hidden" name="acc" value="add" /><input type="submit" value="Thêm" style="border-radius: 5px; padding:5px; width:50px; background:#03F; color:#FFF; font-weight:bold;" /></th>
        </tr>
    </table>
    </form>
</div>

<div style="clear:both;"></div>
<div class="reveal-modal-bg"></div>
<div id="showlistbankdeletedlightbox">
	<div class="reveal-modal-title"><h1>Thêm Sản Phẩm</h1></div><br />
    <div class="reveal-modal-main">
    	<table>
        	<tr>
            	<th align="left" width="100px">Tên sản phẩm</th>
                <td><input id="form_addmucdichvay" style="width: 200px; height:30px; padding-left:5px; padding-right:5px;" maxlength="500" /><br>
			<font color="red"><span id="err_addmucdichvay"></span></font></td>
            </tr>
            <tr>
                <th colspan="2"><input class="class-update-detail-profile-link" type="button" value="Thêm" style="border-radius: 5px; padding:5px; width:100px; background:#03F; color:#FFF; font-weight:bold;" /></th>
            </tr>
        </table>
    </div>
    <a class="close-reveal-modal">&#215;</a>
</div>
<script>
loadbank();
function loadbank() {
	$.ajax({
		url: "../src/ajax/ajaxbank.php",
		type: "post",
		data: {act:'getbanks'},
		dataType:"json",
		success: function(response) {
			html = '';
			$.each(response, function(entryIndex, entry){
				html += '<option value="' + entry[0] + '">' + entry[1] + ' (' + entry[0] + ')</option>';
			});
			$('.bankloadselect').append(html);
		}
	});
}

function checkinfocompare() {
	var bank = $('#bankloadselect').val();
	if(bank == "") {
		$('#err_manganhang').html('Vui lòng chọn ngân hàng cho vay');
		$('#bankloadselect').focus();
		return false;
	} else {
		$('#err_manganhang').html('');
	}
	
	if($('.khoanvaytoidacode').length == 0) {
		$('#err_khoanvaytoida').html('Vui lòng chọn khoản vay tối đa');
		$('#form_khoanvaytoida').focus();
		return false;
	} else {
		$('#err_khoanvaytoida').html('');
	}
	
	var amount = $.trim($('#form_amount').val());
	var re_num = /^([^0-9]*)$/;
	if(re_num.test(amount)) {
		$('#err_amount').html('Vui lòng nhập số tiền thấp nhất cho vay và phải là số');
		$('#form_amount').focus();
		return false;
	} else {
		$('#err_amount').html('');
	}
	
	var amountmax = $.trim($('#form_amountmax').val());
	if(re_num.test(amountmax)) {
		$('#err_amount').html('Vui lòng nhập số tiền cao nhất cho vay và phải là số');
		$('#form_amountmax').focus();
		return false;
	} else {
		$('#err_amount').html('');
	}
	
	var thunhaphangthang = $('#form_salarypermonth').val();
	if(re_num.test(thunhaphangthang)) {
		$('#err_salarypermonth').html('Vui lòng nhập thu nhập hàng tháng và phải là số');
		$('#form_salarypermonth').focus();
		return false;
	} else {
		$('#err_salarypermonth').html('');
	}
	
	if($('.hinhthuctraluongcode').length == 0) {
		$('#err_hinhthuctraluong').html('Vui lòng chọn hình thức trả lương');
		$('#form_hinhthuctraluong').focus();
		return false;
	} else {
		$('#err_hinhthuctraluong').html('');
	}
	
	var rate = $.trim($('#form_rate').val());
	if(rate.length == 0) {
		$('#err_laisuat').html('Vui lòng nhập lãi suất dưới cho vay và phải là số');
		$('#form_rate').focus();
		return false;
	} else {
		$('#err_laisuat').html('');
	}
	
	var rate = $.trim($('#form_rate2').val());
	if(rate.length == 0) {
		$('#err_laisuat').html('Vui lòng nhập lãi suất trên cho vay và phải là số');
		$('#form_rate2').focus();
		return false;
	} else {
		$('#err_laisuat').html('');
	}
	
	if($('.typeratecode').length == 0) {
		$('#err_typerate').html('Vui lòng chọn loại lãi suất cho vay');
		$('#form_search_rate').focus();
		return false;
	} else {
		$('#err_typerate').html('');
	}
	
	var time = $.trim($('#form_time').val());
	if(time == "") {
		$('#err_time').html('Vui lòng chọn thời gian cho vay');
		$('#form_time').focus();
		return false;
	} else {
		$('#err_time').html('');
	}
	
	var phiung = $.trim($('#form_tattoan').val());
	if(re_num.test(phiung)) {
		$('#err_tattoan').html('Vui lòng nhập phí tất toán');
		$('#form_tattoan').focus();
		return false;
	} else {
		$('#err_tattoan').html('');
	}
	
	if($('.countryname').length == 0) {
		$('#err_country').html('Vui lòng chọn tỉnh thành');
		$('#ProvinceID').focus();
		return false;
	} else {
		$('#err_country').html('');
	}
	var tattoantrchan = $.trim($('#form_search_tattoantrchan').val());
	if(tattoantrchan == "") {
		$('#err_trchan').html('Vui lòng chọn tất toán trước hạn');
		$('#form_search_tattoantrchan').focus();
		return false;
	} else {
		$('#err_trchan').html('');
	}
	var nhacungcap = $('#form_nhacungcap').val();
	if(nhacungcap == "") {
		$('#err_nhacungcap').html('Vui lòng chọn nhà cung cấp');
		$('#form_nhacungcap').focus();
		return false;
	} else {
		$('#err_nhacungcap').html('');
	}
}



$(document).on('click', '.add-muc-dich-cho-vay', function(e) {
	$('.reveal-modal-bg').show();
	$('#showlistbankdeletedlightbox').show();
});

$(document).on('click', '.class-update-detail-profile-link', function(e) {
	var name = $.trim($('#form_addmucdichvay').val());
	if(name.length == 0) {
		$('#err_addmucdichvay').html("Vui lòng điền tên mục đích cho vay");
		$('#form_addmucdichvay').focus();
		return false;
	} else {
		$('#err_addmucdichvay').html("");
	}
	
	$.ajax({
		url: "../src/ajax/ajaxmucdichrate.php",
		type: "post",
		data: {act:'add', namere: name},
		dataType:"json",
		success: function(response) {
			if(response == true) {
				loadpurloan();
				alert("Thêm Mục Dích Vay Thành Công Thành Công");
				clostshowbankdeleted();
				$('#form_addmucdichvay').val('');
			} else {
				alert("Quá trình cập nhật xảy ra sự cố, vui lòng thử lại");
			}
		}
	});
});

$(document).on('click', '.close-reveal-modal', function(e) {
	clostshowbankdeleted();
});

$(document).on('click', '.reveal-modal-bg', function(e) {
	clostshowbankdeleted();
});

function clostshowbankdeleted() {
	$('.reveal-modal-bg').hide();
	$('#showlistbankdeletedlightbox').hide();
}
</script>


<script>
var arrcountry = new Array();
var arrmucdichvay = new Array();
var arrhinhthuctraluong = new Array();
var arrtyperate = new Array();

function countryaddlist() {
	var value = $('.ProvinceID').val();
	if(value != "") {
		if(!checkexitscountry(arrcountry, value)) {
			arrcountry.push(value);
			$('.box-add-contry').append('<div class="parent-box" style="width: 150px; float:left; position: relative; margin-right: 10px;margin-bottom: 5px;"><div class="box-choose-more"><span>'+value+'</span><input type="hidden" name="countryname[]" class="countryname" value="'+value+'" /><a class="close-choose-more-class close-choose-more-class-country"><img src="../images/close-icon.png" width="11" title="Xóa" /></a></div></div>');
		} else {
			alert("Tỉnh thành bạn chọn đã tồn tại");
		}
	}
}

function hinhthuctraluongaddlist() {
	var value = $('#form_hinhthuctraluong').val();
	if(value != "") {
		if(!checkexitscountry(arrhinhthuctraluong, value)) {
			arrhinhthuctraluong.push(value);
			text = $('#form_hinhthuctraluong option:selected').text();
			$('.box-add-hinhthuctraluong').append('<div class="parent-box" style="width: 150px; float:left; position: relative; margin-right: 10px;margin-bottom: 5px;"><div class="box-choose-more"><span>'+text+'</span><input type="hidden" name="hinhthuctraluongcode[]" class="hinhthuctraluongcode" value="'+value+'" /><a class="close-choose-more-class close-choose-more-class-hinhthuctraluong"><img src="../images/close-icon.png" width="11" title="Xóa" /></a></div></div>');
		} else {
			alert("Hình thức trả lương này đã tồn tại");
		}
	}
}

function khoanvaytoidaaddlist() {
	var value = $('#form_khoanvaytoida').val();
	if(value != "") {
		if(!checkexitscountry(arrmucdichvay, value)) {
			arrmucdichvay.push(value);
			text = $('#form_khoanvaytoida option:selected').text();
			$('.box-add-khoanvaytoida').append('<div class="parent-box" style="width: 150px; float:left; position: relative; margin-right: 10px;margin-bottom: 5px;"><div class="box-choose-more"><span>'+text+'</span><input type="hidden" name="khoanvaytoidacode[]" class="khoanvaytoidacode" value="'+value+'" /><a class="close-choose-more-class close-choose-more-class-mucdich"><img src="../images/close-icon.png" width="11" title="Xóa" /></a></div></div>');
		} else {
			alert("Khoản vay tối đa này bạn chọn đã tồn tại");
		}
	}
}

function typerateaddlist() {
	var value = $('#form_search_rate').val();
	if(value != "") {
		if(!checkexitscountry(arrtyperate, value)) {
			arrtyperate.push(value);
			text = $('#form_search_rate option:selected').text();
			$('.box-add-typerate').append('<div class="parent-box" style="width: 150px; float:left; position: relative; margin-right: 10px;margin-bottom: 5px;"><div class="box-choose-more"><span>'+text+'</span><input type="hidden" name="typeratecode[]" class="typeratecode" value="'+value+'" /><a class="close-choose-more-class close-choose-more-class-typerate"><img src="../images/close-icon.png" width="11" title="Xóa" /></a></div></div>');
		} else {
			alert("Loại lãi suất vay bạn chọn đã tồn tại");
		}
	}
}

function checkexitscountry(arr, id) {
	for(var i in arr) {
		if(arr[i] == id) {
			return true;
		}
	}
	return false;
};


$(document).on('click', '.close-choose-more-class-country', function() {
	elem = $(this);
	elem.parent().parent().fadeOut(300, function() { $(this).remove(); });
	arrcountry.splice($.inArray(elem.prev().val(), arrcountry),1);
});

$(document).on('click', '.close-choose-more-class-mucdich', function() {
	elem = $(this);
	elem.parent().parent().fadeOut(300, function() { $(this).remove(); });
	arrmucdichvay.splice($.inArray(elem.prev().val(), arrmucdichvay),1);
});

$(document).on('click', '.close-choose-more-class-hinhthuctraluong', function() {
	elem = $(this);
	elem.parent().parent().fadeOut(300, function() { $(this).remove(); });
	arrhinhthuctraluong.splice($.inArray(elem.prev().val(), arrhinhthuctraluong),1);
});

$(document).on('click', '.close-choose-more-class-typerate', function() {
	elem = $(this);
	elem.parent().parent().fadeOut(300, function() { $(this).remove(); });
	arrtyperate.splice($.inArray(elem.prev().val(), arrtyperate),1);
});

</script>